﻿<%@ Page Title="" Language="C#" MasterPageFile="~/site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="spk_eAuction.Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link type="text/css" rel="stylesheet" href="scripts/slideshow.css" />
    <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="scripts/jquery-galleryview-1.1/jquery.galleryview-1.1.js"></script>
    <script type="text/javascript" src="scripts/jquery-galleryview-1.1/jquery.timers-1.1.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#photos').galleryView({
                panel_width: 600,
                panel_height: 300,
                frame_width: 40,
                frame_height: 40,
                nav_theme: 'light'
            });
        });
    </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="cph_body" runat="server">
    <div id="search_box">
        <asp:Label ID="_lblSearchBox" runat="server" Text="Search box: "></asp:Label>
        <asp:TextBox ID="_txtSearchBox" runat="server" Width="250px">//should be replace with ajax control :-?</asp:TextBox>
    </div>

    <p class="clear"></p>
             <asp:SqlDataSource ID="SqlDataSourceSlideShow" runat="server" 
            ConnectionString="<%$ ConnectionStrings:ApplicationServices %>" 
            SelectCommand="SELECT * FROM [SlideShow]"></asp:SqlDataSource>
    <div id="top_slide_show">
    
        <!-- Main Strip to display focused Image Details. -->
        <div id="photos" class="galleryview">
        <asp:Repeater ID="Repeater2" runat="server" DataSourceID="SqlDataSourceSlideShow">
        <ItemTemplate>
          <div class="panel">
                <img src='<%#Eval("ImagePath") %>' />
                <div class="panel-overlay">
                    <h2><%# Eval("ImageName") %></h2>
                    <p>Description: <b><%# Eval("ImageDescription") %></b>
                    <br />  Auction Details: 
                                    <a href='<%#Eval("ImagePath") %>'>here</a>.
                    </p>
                </div>
                </div>
        </ItemTemplate>
        </asp:Repeater>

        <!-- Strip to display the bottom slideshow. 
        <ul class="filmstrip">
        <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSourceSlideShow">
        <ItemTemplate>
            <li><img width="40" height="40" src='<%#Eval("ImagePath") %>'
                     alt='<%#Eval("ImageDescription") %>' title='<%# Eval("ImageName") %>' /></li>
        </ItemTemplate>
        </asp:Repeater>
        </ul>
        -->
        </div>
    </div>
    <div id="top_news">
    // add news, javascript :-/ [jquery =p~]
    </div>

    <p class="clear"></p>
    
    <!-- ON GOING AUCTION -->
    <table style="margin-top:10px;" class=tborder>
        <thead>
            <tr>
                <td class="thead">
                    <asp:Label ID="_lblOnGoingAuction" runat="server" Text="On Going Auction"></asp:Label>
                </td>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>
                //bla bla bla go here
                <br /> <br /><br /><br /><br /><br /> <br /><br /><br /><br />
                // may be data list or something huh ~~
                </td>
            </tr>
        </tbody>
    </table>
    <!-- END OF ON GOING AUCTION -->

    <!-- Some other things -->
    <div style="margin-top:10px;">
    <div style="float:left; width: 49%;">
    <table class=tborder>
        <thead>
            <tr>
                <td class="thead">
                    <asp:Label ID="Label1" runat="server" Text="Some other things"></asp:Label>
                </td>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>
                //bla bla bla go here
                <br /> <br /><br /><br /><br /><br /> <br /><br /><br /><br />
                // may be data list or something huh ~~
                </td>
            </tr>
        </tbody>
    </table>
    </div>
    <!-- end of some other things -->

    <!-- Some other things -->
    <div style="float:right; width: 49%;">
    <table class=tborder>
        <thead>
            <tr>
                <td class="thead">
                    <asp:Label ID="Label2" runat="server" Text="Some other things"></asp:Label>
                </td>
            </tr>
        </thead>

        <tbody>
            <tr>
                <td>
                //bla bla bla go here
                <br /> <br /><br /><br /><br /><br /> <br /><br /><br /><br />
                // may be data list or something huh ~~
                </td>
            </tr>
        </tbody>
    </table>
    </div>
    <p class="clear"></p>
    </div>
    <!-- end of some other things -->

</asp:Content>
